<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<%@ include file="../lib/vue/vue_common.jsp"%>
	<title>我的账户</title>
	<link rel="stylesheet" href="${ctx}/page/member/css/memberCenter.css?v=${version}"/>
</head>
<body class=""  ontouchstart="">
	<div id="app" v-clock>
		<div class="main">
			<div class="container" v-clock>
				<div class="top">
					<div class="img">
						<img class="lazy" src="${member.avatar}"/>
					</div>
					<div class="member">
						<p>${member.name}，欢迎你</p>
						<p>
							<i class="cardtype"></i>
							<c:if test="${member.vipLevel eq 0}">级别：粉丝</c:if>
							<c:if test="${member.vipLevel eq 1}">级别：会员</c:if>
							<c:if test="${member.vipLevel eq 2}">级别：代理</c:if>
							&nbsp;&nbsp;
							ID:${member.cardNo}
						</p>
						<c:if test="${member.vipLevel eq 1}"><p>到期日：<fmt:formatDate value="${member.expireDate}" pattern="yyyy-MM-dd" /></p></c:if>
						<c:if test="${member.vipLevel eq 2}"><p>到期日：<fmt:formatDate value="${member.expireDate}" pattern="yyyy-MM-dd" /></p></c:if>
						<c:if test="${member.vipLevel eq 3}"><p>到期日：<fmt:formatDate value="${member.expireDate}" pattern="yyyy-MM-dd" /></p></c:if>
					</div>
				</div>
				<ul class="account">
					<li class="point">积分<span><fmt:formatNumber type="number" value="${weiBiBalance}" pattern="0.0000" maxFractionDigits="4"/></span></li>
					<li>贝币<span><fmt:formatNumber type="number" value="${jinBiBalance}" pattern="0.0000" maxFractionDigits="4"/></span></li>
				</ul>
			</div>
			<div class="common" @click="openLink('/page/weiBiRecordPage.htm')">
				<p class="integral"><span></span>积分记录<i></i></p>
			</div>
			<div class="common" @click="openLink('/page/jinBiRecordPage.htm')">
				<p class="integral"><span></span>贝币记录<i></i></p>
			</div>
			<div class="common" @click="openLink('/page/cashApplyRecordPage.htm')">
				<p class="ticket"><span></span>提现记录<i></i></p>
			</div>
			<div class="common" @click="openLink('/page/cashApplyPage.htm')">
				<p class="stored"><span></span>我要提现<i></i></p>
			</div>
			<div class="common" @click="openLink('/page/memberOrdersPage.htm')">
				<p class="order"><span></span>我的订单<i></i></p>
			</div>
			<div class="common" @click="openLink('/page/memberFansPage.htm')">
				<p class="card"><span></span>我的用户<i></i></p>
			</div>
			<div class="common" @click="openLink('/page/transferApplyPage.htm')">
				<p class="card"><span></span>我要转让<i></i></p>
			</div>
			<div class="common" @click="openLink('/page/memberRankPage.htm')">
				<p class="favorite"><span></span>排行榜<i></i></p>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		var app = new Vue({
			el: '#app',
			data: {

			},
			mounted: function() {
			},
			methods: {
				openLink:function(href){
					console.log(href);
					window.location.href=mServerUrl+href;
				}
			}
		});
	</script>
</body>
</html>